<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:rich="http://richfaces.org/rich"
   xmlns:a4j="http://richfaces.org/a4j"
   xmlns:gs="http://java.sun.com/jsf/composite/gs"
   template="/WEB-INF/templates/default.xhtml">
	<ui:define name="menu">
		<ui:include src="/protected/user/menu.xhtml" >
			<ui:param name="activeMenu" value="internacion" />
		</ui:include>		
	</ui:define>	
	<ui:define name="breadcrumb">
		<ui:include src="breadcrumbCreate.xhtml" />
	</ui:define>
	<ui:define name="content">
		<div class="row">
			<div class="span12">
			<h:form id="form-create" styleClass="well form-horizontal">
				<legend>#{messages.internacionData}</legend>
	    		<fieldset>
	    			<!-- Fecha de la Internación -->
		    		<div class="control-group #{rich:findComponent('fecha').valid ? '' : 'error'}">
				    	<h:outputLabel value="#{messages.internacionFecha}:"  
		    				for="fecha" 
		    				styleClass="control-label"/>
		    			<div class="controls">
		    				<rich:calendar id="fecha" 
		    					enableManualInput="true"
		    					datePattern="dd/MM/yyyy"
		    					value="#{internacionCreateBean.internacion.fecha}">
								<rich:validator/>
		    				</rich:calendar>
		    				<h:message for="fecha" errorClass="help-inline"/>
		    			</div> 
		    		</div>
		    		
		    		<div class="control-group #{rich:findComponent('sexo').valid ? '' : 'error'}">
		    			<h:outputLabel value="#{messages.personaSexo}:" 
		    				for="sexo" 
		    				styleClass="control-label"/>
		    			<div class="controls">
					    	<h:selectOneMenu id="sexo" value="#{internacionCreateBean.internacion.sexo}">
					    		<f:selectItems value="#{enumRefereceBean.sexos}"/>
								<f:ajax event="change" 
									execute="@this" />
								<rich:validator/>
					    	</h:selectOneMenu>
					    	<h:message for="sexo" errorClass="help-inline"/>
		    			</div> 
		    		</div>
						
		    		<div class="control-group #{rich:findComponent('apellido1').valid ? '' : 'error'} #{rich:findComponent('apellido2').valid ? '' : 'error'}">
				    	<h:outputLabel value="#{messages.personaSearchApellidos}:"  
		    				for="apellido1" 
		    				styleClass="control-label"/>
		    			<div class="controls">
		    				<h:inputText id="apellido1" 
		    					styleClass="input-xlarge"
		    					placeholder="#{messages.personaApellido1}"
		    					value="#{internacionCreateBean.internacion.apellido1}">
								<rich:validator/>
								<f:validateBean />
		    				</h:inputText>
		    				<h:inputText id="apellido2" 
								style="margin-left:5px;"
		    					styleClass="input-xlarge"
		    					placeholder="#{messages.personaApellido2}"
		    					value="#{internacionCreateBean.internacion.apellido2}">
								<rich:validator/>
		    				</h:inputText>
		    				<h:message for="apellido1" errorClass="help-inline" />
		    				<h:message for="apellido2" errorClass="help-inline"/>
		    			</div> 
		    		</div>
			
		    		<div class="control-group #{rich:findComponent('primerNombre').valid ? '' : 'error'} #{rich:findComponent('segundoNombre').valid ? '' : 'error'}">
				    	<h:outputLabel value="#{messages.personaSearchNombres}:"  
		    				for="primerNombre" 
		    				styleClass="control-label"/>
		    			<div class="controls">
		    				<h:inputText id="primerNombre"
		    					styleClass="input-xlarge"
		    					placeholder="#{messages.personaPrimerNombre}" 
		    					value="#{internacionCreateBean.internacion.primerNombre}">
								<rich:validator/>                    		
		    				</h:inputText>
		    				<h:inputText id="segundoNombre"
		    					style="margin-left:5px;"
		    					styleClass="input-xlarge"
		    					placeholder="#{messages.personaSegundoNombre}" 
		    					value="#{internacionCreateBean.internacion.segundoNombre}">
								<rich:validator/>
		    				</h:inputText>
		    				<h:message for="primerNombre" errorClass="help-inline"/>
		    				<h:message for="segundoNombre" errorClass="help-inline"/>
		    			</div> 
		    		</div>
			
					<!-- Fecha del Nacimiento -->
		    		<div class="control-group #{rich:findComponent('fechaNacimiento').valid ? '' : 'error'}">
				    	<h:outputLabel value="#{messages.internacionFechaNacimiento}:"  
		    				for="fechaNacimiento" 
		    				styleClass="control-label"/>
		    			<div class="controls">
		    				<rich:calendar id="fechaNacimiento" 
		    					enableManualInput="true"
		    					datePattern="dd/MM/yyyy"
		    					value="#{internacionCreateBean.internacion.fechaNacimiento}">
								<rich:validator/>
		    				</rich:calendar>
		    				<h:message for="fechaNacimiento" errorClass="help-inline"/>
		    			</div> 
		    		</div>	    			    		
	    			<!-- Madre del Recien Nacido -->
		    		<div class="control-group #{rich:findComponent('madre').valid ? '' : 'error'}">
		    			<h:outputLabel value="#{messages.internacionMadre}:"
		    				for="madre"  
		    				styleClass="control-label"/>
		    			<div class="controls">
							<h:selectOneMenu id="madre" 
					    		converter="#{personaFisicaBean.converter}"
					    		value="#{internacionCreateBean.internacion.madre}">
					    		<f:selectItem itemLabel="#{messages.ingresarValor}" 
					    			noSelectionOption="true"/>
					    		<f:selectItems value="#{internacionCreateBean.madres}"
					    			var="var" 
					    			itemLabel="#{var.nombreApellido}" />
					    	</h:selectOneMenu>	    			
							<h:message for="madre" errorClass="help-inline"/>						
		    			</div> 
		    		</div>
	    			<!-- Motivo Internación -->
	    			<div class="control-group #{rich:findComponent('motivo-internacion').valid ? '' : 'error'}">
		    			<h:outputLabel value="#{messages.internacionMotivoInternacion}:" 
		    				for="motivo-internacion" 
		    				styleClass="control-label"/>
		    			<div class="controls">
		    				<h:inputTextarea id="motivo-internacion"
		    					rows="5"
		    					cols="50"
		    					value="#{internacionCreateBean.internacion.motivoInternacion}">
								<rich:validator/>
		    				</h:inputTextarea>
		    				<h:message for="motivo-internacion" errorClass="help-inline"/>
		    			</div> 
		    		</div>
	    			
	    			
				</fieldset>
				<div class="form-actions">
					<h:commandLink action="#{internacionCreateBean.create}"
						styleClass="btn btn-primary">
						<i class="icon-ok" title="#{messages.submit}"></i>				
						<h:outputText value=" #{messages.submit}" />
					</h:commandLink>
					
					<h:link outcome="index"
						style="margin-left:5px;"
						styleClass="btn">
						<i class="icon-remove" title="#{messages.cancel}"></i>					
						<h:outputText value=" #{messages.cancel}" />
					</h:link>
				</div>
			</h:form>				
			</div>
		</div>
	</ui:define>	
</ui:composition>
